﻿@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.bannerBox{width:100%; height:500px;}


/*--searchBox*/
.searchBg{padding:12px 0; background-color:#e5e5e5;}
.search{height:30px; line-height:30px; overflow:hidden;}
.search .searchBox{width:316px;}
.search .soText{float:left; width:250px; height:16px; line-height:16px; padding:7px 10px; color:#666; border:none; background-color:#ccc; outline:none;}
.search .soBtn{float:right; width:46px; height:30px; border:none; background:url("Img/Index/searchBtn.png") no-repeat left center;}
.search .keyWord{width:500px; height:30px; overflow:hidden;}
.search .keyWord em{}
.search .keyWord a{padding:0 2px;}

/*生产基地*/
.hzhb{}
.hzhb h4{padding-top:34px; font-size:24px; text-align:center;}
.hzhb h4 a{color:#19a7f0; text-decoration:none;}
.hzhb h4 span{margin:6px 0; display:block; font-weight:normal; color:#999; font-family:arial; font-size:14px; text-transform:uppercase;}
.hzhb h4 i{display:inline-block; width:0; height:0; border:5px solid transparent; border-top-color:#a0a0a0;}
.hzhb .hzCont{position:relative; padding-top:34px; padding-bottom:118px; background:url("Img/Index/hzUl.png") no-repeat center top;}
.hzhb .hzCont ul{margin:0 auto; width:936px; overflow:hidden;}
.hzhb .hzCont li{margin:0 22px; float:left; width:190px; text-align:center;}
.hzhb .hzCont li h5{margin-top:10px; font-weight:normal;}
.hzhb .hzCont li h5 a{color:#333;}
.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top:230px; width:39px; height:39px;}
.hzhb .hzCont .btnLeft{right:50%; background:url("Img/Index/hzBtnLeft.png") no-repeat center;}
.hzhb .hzCont .btnRight{left:50%; margin-left:-1px; background:url("Img/Index/hzBtnRight.png") no-repeat center;}

.cpSpan{background:url("Img/Index/cpSpan.jpg") no-repeat center bottom;}

/*菜单导航*/
.cpMenu{width:235px; height:690px; background-color:#19a7f0;}
.cpMenu h4{background-color:#19a7f0; height:50px; line-height:50px; font-size:20px;}
.cpMenu h4 a{margin-left:38px; color:#fff;}
.cpMenu ul{margin:14px 10px 0 10px;}
.cpMenu li{height:36px; line-height:36px; position:relative;display:block;}
.cpMenu li a{padding-left:28px; font-size:16px; color:#fff; background:url("Img/Index/cpMuDt.png") no-repeat left center;display:block;}
.cpMenu li a:hover{background:url("Img/Index/cpMuDd.png") no-repeat center;}
.cpMenu .erji{position:absolute; top:-15px; left:200px; z-index:9999; background-color:#19a7f0;display:none;}
.cpMenu .erji li{display:block; width:215px;}
.cpMenu .erji li a{display:block; padding-left:28px; height:36px; line-height:36px; font-size:14px; color:#fff; text-decoration:none;background:none;}
.cpMenu .erji li a:hover{background:url("Img/Index/cpMuDd.png") no-repeat center;}
.cpMenu li:hover .erji{display:block;}
/*产品栏*/
.cpBox{position:relative; width:726px; height:690px;}
.cpBox>.cpMore{position:absolute; right:10px; top:12px;}
.cpBox h4{margin-bottom:16px; text-align:center; overflow:hidden; font-weight:normal;}	
.cpBox h4 a{float:left; width:155px; height:50px; line-height:38px; font-size:18px; color:#666; text-transform:uppercase; text-decoration:none; background:url("Img/Index/cpTitLi.png") no-repeat center bottom;}
.cpBox h4 a.cur , .cpBox h4 a:hover{color:#fff; background-position:center top;}
.cpBox ul{overflow:hidden;}
.cpBox li{float:left; margin-right:5px; margin-bottom:15px; width:232px; text-align:center; background:#fff; text-align:center;border:1px solid #ccc;}
.cpBox li.noMr{margin-right:0;}
.cpBox li img{display:block;  margin:0 auto;max-width:232px; max-height:158px;}
.cpBox li:hover{border-color:#19a7f0;}
.cpBox li h5{margin-top:12px; overflow:hidden; font-weight:normal; font-size:13px; line-height:25px;}
.cpBox li h5 a{color:#333;}
.cpBox li:hover h5{ background:#19a7f0; }
.cpBox li:hover  h5 a{ color:#fff;}

/*特色服务*/
.tsfw{position:relative; height:535px; background:url("Img/Index/tsfwImg.jpg") no-repeat center;}
.tsfw .container{position:relative;}
.tsfw h4{position:absolute; left:0; top:0;}
.tsfw .tsList{position:absolute; left:0; bottom:0; width:100%; background:url("Img/Index/fwListBg.png");}
.tsfw .tsList ul{height:65px; background:url("Img/Index/fwListBr.png") no-repeat right bottom;}
.tsfw .tsList li{float:left; width:25%; height:65px; line-height:65px; cursor:pointer; text-align:center; font-size:16px; color:#fff; background:url("Img/Index/fwListBr.png") no-repeat left bottom;}
.tsfw .tsList li.cur , .tsfw .tsList li:hover{background-color:#19a7f0;}

/*合作模式*/
.hzmsBg{background-color:#ececec;}
.hzms{}
.hzms h4{padding:42px 0; font-size:24px; text-align:center;}
.hzms h4 a{color:#19a7f0; text-decoration:none;}
.hzms h4 a em{color:#333;}
.hzms h4 span{margin:6px 0; display:block; font-weight:normal; color:#999; font-family:arial; font-size:14px; text-transform:uppercase;}
.hzms dl{padding:54px 0; text-align:center;}
.hzms dl dt{font-size:40px; color:#333;}
.hzms dl dd span{padding:16px 0; display:block; font-size:20px; color:#e64d48;}
.hzms dl dd p{margin:0 132px; line-height:22px; font-size:13px;}

/*共赢*/
.gongy{padding-bottom:46px;}
.gongy h4{padding:46px 0; font-size:24px; text-align:center;}
.gongy h4 a{color:#19a7f0; text-decoration:none;}
.gongy h4 a em{color:#333;}
.gongy h4 span{margin:12px 132px; display:block; line-height:24px; font-weight:normal; font-size:14px; text-transform:uppercase;}
.gongy ul{margin-bottom:50px; overflow:hidden;}
.gongy li{float:left; margin-right:11px; width:187px; height:283px; background-image:url("Img/Index/gyTab.png"); background-repeat:no-repeat; transition:all .2s;}
.gongy li:hover *{color:#fff;}
.gongy li.noMr{margin-right:0;}
.gongy li h5{padding-top:90px; height:60px; line-height:60px; font-size:20px; color:#333; text-align:center;}
.gongy li p{margin:0 12px; line-height:22px; font-size:13px;}
.gongyBtn{text-align:center;}
.gy01{background-position:0 0;}
.gy02{background-position:-197px 0;}
.gy03{background-position:-397px 0;}
.gy04{background-position:-595px 0;}
.gy05{background-position:-793px 0;}
.gy01:hover{background-position:0 -283px;}
.gy02:hover{background-position:-197px -283px;}
.gy03:hover{background-position:-397px -283px;}
.gy04:hover{background-position:-595px -283px;}
.gy05:hover{background-position:-793px -283px;}

/*优势*/
.ysBg{background-color:#f3f3f3;}
.ysBox{position:relative; height:1222px; background:url("Img/Index/ysBox.jpg") no-repeat center;}
.ysBox h4{padding:40px 0; font-size:24px; text-align:center;}
.ysBox h4 a{color:#19a7f0; text-decoration:none;}
.ysBox h4 a em{color:#333;}
.ysBox h4 span{margin:6px 0; display:block; font-weight:normal; color:#999; font-family:arial; font-size:14px; text-transform:uppercase;}
.ysBox h4 p{font-size:14px; color:#333; font-weight:normal;}
.ysBox dl{position:absolute; width:510px;}
.ysBox dt{position:relative; margin-bottom:16px; font-size:18px; font-weight:bold; color:#19a7f0;}
.ysBox dd p{width:365px; line-height:24px; font-size:14px;}
.ysBox dd p span{color:#19a7f0;}
.ysBox .ys_01{left:544px; top:220px;}
.ysBox .ys_02{left:54px; top:470px;}
.ysBox .ys_03{left:544px; top:700px;}
.ysBox .ys_04{left:54px; top:956px;}

/*关于*/
.gySpan{background:url("Img/Index/gySpan.png") repeat-x center top;}
.gyImg{width:324px; height:402px; background:url("Img/Index/gyImgBg.png") no-repeat center;}
.gyImg img{margin-left:24px;}
.gyTxt{margin-left:26px; width:600px; height:188px;}
.gyTxt dt{padding:14px 0; height:30px; line-height:30px; font-size:14px; color:#fff;}
.gyTxt dt span{margin-right:4px; font-size:24px; text-transform:uppercase;}
.gyTxt dd p{margin-bottom:14px; line-height:22px; height:88px; font-size:13px; color:#c6ecff;}
.gyTxt dd a{color:#fff;}

.ryBox{margin-top:14px; width:656px;}
.ryBox .ryTit{height:32px; line-height:32px; font-size:14px;}
.ryBox .ryTit a{color:#19a7f0;}
.ryBox ul{width:656px; overflow:hidden;}
.ryBox li{margin-right:8px; float:left; width:156px; text-align:center;}
.ryBox li.noMr{margin-right:0;}
.ryBox li img{display:block; border:1px solid #ccc;}
.ryBox li h5{margin-top:10px; font-weight:normal;}
.ryBox li h5 a{color:#333;}


/*动态*/
.dtSpan{padding-top:36px; padding-bottom:36px;}
.dtSpan h4{margin-bottom:14px; height:34px; line-height: 34px; border-bottom:2px solid #666; font-size:16px; font-weight:normal;}
.dtSpan h4 a{padding-left:20px; color:#19a7f0; background:url("Img/Index/dtTitA_ico.png") no-repeat 6px center;}

.newBox{width:300px; margin-right:40px;}
.newImg{text-align:center;}
.newBox ul{margin:10px 8px 0 8px;}
.newBox li{position:relative; height:40px; line-height:40px; font-size:13px;}
.newBox li em{color:#19a7f0;}
.newBox li span{position:absolute; right:0; top:0;}

/*问题解答*/
.wtjd{width:300px;}
.wtjdCont{height:280px; overflow:hidden;}
.wtjdCont dl{margin-bottom:12px; font-size:13px;}
.wtjdCont dt{padding:4px 0; background-image:url("Img/Index/tw_ico.png");}
.wtjdCont dt a{}
.wtjdCont dd{line-height:20px; background-image:url("Img/Index/jd_ico.png");}
.wtjdCont dt , .wtjdCont dd{padding:6px 0; padding-left:26px; background-position:left 8px; background-repeat:no-repeat;}

/*动态*/
.dtBox{width:326px;}
.dtBox ul{}
.dtBox li{position:relative; height:34px; line-height:34px; padding-left:20px; background:url("Img/Index/dtLi_ico.png") no-repeat left center;}
.dtBox li a{display:inline-block; width:236px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}
.dtBox li span{position:absolute; right:0px; top:0; color:#999;}

/*友情链接*/
.yqlj{margin-bottom:32px;}
.yqlj h4{height:42px; line-height:42px; font-size:18px; font-weight:normal; text-align:center; background:url("Img/Index/tit_yqlj.png") no-repeat center;}
.yqlj h4 a{color:#19a7f0;}
.yqlj p{overflow:hidden; line-height:34px;}
.yqlj p a{margin:0 20px; display:inline-block; font-size:13px;}







                         
                
                         
                
                         
                
